<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>#{nnBean.title}</title>
	<script>
		$(document).ready(function(){
			$('#nav-nghenghiep').addClass('active');
		});
	</script>
</h:head>
<body>
	<div class="container">
		<div class="row">
			<ul class="list-inline location-page">
				<li><a href="/#{lang['web.url']}/nghe-nghiep/" title="#{lang['web.title.tintuc']}">#{lang['web.title.nghenghiep']}</a></li>
				<ui:repeat var="news1" value="#{nnBean.listN300INFO}">
					<li>#{news1.tieude}</li>
				</ui:repeat>
			</ul>
		</div>
	</div>
	
	<!-- NỘI DUNG TIN TỨC -->
	<div class="container">
		<div class="row">
			<div class="hidden-md cls-div-end"></div>
		</div>
		
		<div class="row">
			<!-- NỘI DUNG -->
			<div class="col-md-9 col-sm-9 col-xs-12 news-main">
				<h:panelGroup rendered="#{!nnBean.havenews}">
					<h1>#{lang['web.msg.tintuckhongtontai']}</h1>
				</h:panelGroup >
				<h:panelGroup rendered="#{nnBean.havenews}">
					<ui:repeat var="news" value="#{nnBean.listN300INFO}">
						<div class="row">
							<div class="col-md-6 col-sm-6 col-xs-6">
								<p class="article-date">#{lang['web.title.ngaydang']}: 
									<h:outputText value="#{news.tgtao}"><f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" ></f:convertDateTime> </h:outputText> 
								</p>
							</div>
							
							<!-- share social -->
							<div class="col-md-6 col-sm-6 col-xs-6 text-right">
								<!-- Go to www.addthis.com/dashboard to customize your tools -->
								<div class="addthis_sharing_toolbox"></div>
							</div>
							<!-- end share social -->
						</div>
						
						<h2 class="article-title">#{news.tieude}</h2>
						<p class="article-content-1">#{news.tomtat}</p>
						<div class="article-content-2">
							<!-- Phai cos escape=flase de co the hien thi html -->
							<h:outputText value="#{news.noidung}" escape="false">
						</h:outputText></div>
					</ui:repeat>
				</h:panelGroup>
			</div>
			<!--END NỘI DUNG -->
			
			<!-- NỘI DUNG BÊN PHẢI -->
			<div class="col-md-3 col-sm-3 col-xs-12">
				<div class="row">
					<div class="hidden-md hidden-sm visible-xs col-xs-12 padding-bottom-20"></div>
					<!-- TIN TUC LIEN QUAN -->
					<div class="col-md-12 col-sm-12 col-xs-12 padding-bottom-20">
						<div class="title-row title-row-child">Tin tức nổi
							bật</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
					</div>
					<!-- END TIN TUC LIEN QUAN -->
					
					<!-- HỔI ĐÁP -->
					<div class="col-md-12 col-sm-12 col-xs-12 padding-bottom-20">
						<div class="title-row title-row-child">Hỏi đáp</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
					</div>
				</div>
					<!-- HỔI ĐÁP -->
			</div>
			<!-- END TIN TUC LIEN QUAN -->
		</div>
	</div>
	<!--END NỘI DUNG TIN TỨC -->
</body>
</html>